<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<script src="js/popper.min.js">
		</script>
		<script src="js/jquery-3.6.0.min.js">		
		</script>
		<script src="js/bootstrap.min.js">
		</script>
		<style type="text/css">
			.form{
				margin: 0 auto;
				
			}
			.-mycolor{
				background-color: aquamarine;
			}
		</style>
	</head>
	<body>
		<div class="alert alert-warning" role="alert">
		  我是警告框
		</div>
		<button type="button" class="btn btn-primary">
		  Notifications <span class="badge badge-danger">4</span>
		</button>
		<form>
	  <div class="form">
	    <label for="username">用户名</label>
	    <input type="email" class="form-control" id="username">
	  </div>
	  <div class="form">
	    <label for="password">密码</label>
	    <input type="password" class="form-control" id="password">
	  </div>
	  <div class="form">
	    <label for="password">密码</label>
	    <input type="password" class="form-control" id="password">
	  </div>
	  <div class="form">
	    <label for="password">密码</label>
	    <input type="password" class="form-control" id="password">
	  </div>
	  <div class="form-group form-check">
	    <input type="checkbox" class="form-check-input" id="exampleCheck1">
	    <label class="form-check-label" for="exampleCheck1">Check me out</label>
	  </div>
	  <button type="submit" class="btn btn-primary -mycolor">Submit</button>
	</form>
	<div class="dropdown">
	  <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-expanded="false">
	    Dropdown button
	  </button>
	  <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
	    <a class="dropdown-item" href="#">Action</a>
	    <a class="dropdown-item" href="#">Another action</a>
	    <a class="dropdown-item" href="#">Something else here</a>
	  </div>
	</div>
	<table class="table">
	  <thead>
	    <tr>
	      <th scope="col">#</th>
	      <th scope="col">First</th>
	      <th scope="col">Last</th>
	      <th scope="col">Handle</th>
	    </tr>
	  </thead>
	</body>
</html>
